<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<section id="provider-detail-section">
	<div class="row-fluid">
		<div class="span6">
			<div class="page-header">
				<h3>Provider Detail</h3>
			</div>
		</div>
		<div class="span18">
			<table class="table table-striped table-bordered table-condensed">
				<tbody>
					<tr>
						<td>User</td>
						<td><a href="user/${provider.user.id}">${provider.user.email}</a></td>
					</tr>
					<tr>
						<td>Provider Type</td>
						<td>${provider.providerType}</td>
					</tr>
					<tr>
						<td>Provider Name</td>
						<td>${provider.name}</td>
					</tr>
					<tr>
						<td>Bucket Name</td>
						<td>${provider.bucketName}</td>
					</tr>
					<tr>
						<td>Access Key</td>
						<td>${provider.accessKey}</td>
					</tr>
					<tr>
						<td>Secret Key</td>
						<td>${provider.secretKey}</td>
					</tr>
					<tr>
						<td>Class Name</td>
						<td>${provider.className}</td>
					</tr>
					<tr>
						<td>Create Time</td>
						<td>${provider.createTime}</td>
					</tr>
				</tbody>
			</table>

			<table class="table table-striped table-bordered table-condensed">
				<thead>
					<tr>
						<th>Sync Path</th>
						<th>Folder</th>
						<th>Operation</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${provider.syncs}" var="sync">
						<tr>
							<td>${sync.path}</td>
							<td><a href="folder/${sync.folder.id}">${sync.folder.name}</a></td>
							<td><span><a href="sync/${sync.id}">Detail</a></span> | <span><a
									href="sync/delete/${sync.id}">Delete</a></span></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
	</div>
</section>